$(document).ready(function(){
    $('#form_media')
        .bootstrapValidator({
        message: 'This value is not valid',
        excluded: [':disabled'],
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            category_id: {
                group: '.col-md-4',
                validators: {
                    notEmpty: {
                        message: 'Chọn danh mục'
                    }
                }
            },
            title_vn: {
                selector:"#title_vn",
                group: '.error-title',
                validators: {
                    notEmpty: {
                        message: 'Tiêu đề không được để trống'
                    },
                }
            },
            title_en: {
                selector:"#title_en",
                group: '.error-title',
                validators: {
                    notEmpty: {
                        message: 'Tiêu đề không được để trống'
                    },
                }
            },
            link_vn: {
                selector:"#link_vn",
                validators: {
                    notEmpty: {
                        message: 'Liên kết không được để trống'
                    },
                    regexp: {
                        regexp: /^[a-zA-Z0-9_#\.\/-]+$/,
                        message: 'Liên kết không chứa ký tự đặc biệt'
                    },
                }
            },
            link_en: {
                selector:"#link_en",
                validators: {
                    notEmpty: {
                        message: 'Liên kết không được để trống'
                    },
                    regexp: {
                        regexp: /^[a-zA-Z0-9_#\.\/-]+$/,
                        message: 'Liên kết không chứa ký tự đặc biệt'
                    },
                }
            }
        }
    })
    // Called when a field is invalid
    .on('error.field.bv', function(e, data) {
        // data.element --> The field element

        var $tabPane = data.element.parents('.tabbable'),
            tabId    = $tabPane.attr('id');

        $('a[href="#' + tabId + '"][data-toggle="tab"]')
            .parent()
            .find('i')
            .removeClass('fa-check')
            .addClass('fa-times');
    })
    // Called when a field is valid
    .on('success.field.bv', function(e, data) {
        // data.bv      --> The BootstrapValidator instance
        // data.element --> The field element

        var $tabPane = data.element.parents('.tabbable'),
            tabId    = $tabPane.attr('id'),
            $icon    = $('a[href="#' + tabId + '"][data-toggle="tab"]')
                        .parent()
                        .find('i')
                        .removeClass('fa-check fa-times');

        // Check if the submit button is clicked
        if (data.bv.getSubmitButton()) {
            // Check if all fields in tab are valid
            var isValidTab = data.bv.isValidContainer($tabPane);
            $icon.addClass(isValidTab ? 'fa-check' : 'fa-times');
        }
    });
    
    $('.delete_media').click(function(){
        var media_id = $(this).attr('media_id');
        var array_attr = {confirm_delete_media:"confirm_delete_media", media_id:media_id}; 
        open_modal_confirm('Xác nhận', 'Bạn có chắc chắn muốn xóa...', array_attr);
    });

    $('button[confirm_delete_media=confirm_delete_media]').live('click',function(){
        var media_id = $(this).attr('media_id');
        $.ajax({
                url:admin_url + 'ajax/delete_media',
                type:'post',
                data:{media_id:media_id},
                success:function(data){
                    location.reload(); 
                }
            });
    });

    $('.change_status_media').click(function(){
        var media_id = $(this).attr('media_id');
        var $this = $(this);
        $.ajax({
            url:admin_url + 'ajax/change_status_media',
            type:'post',
            data:{media_id:media_id},
            success:function(data){
                var _this = $this;
                if(data == '1')
                {
                    _this.html('Enable');
                    _this.removeClass('red');
                    _this.removeClass('green');
                    _this.addClass('green');
                }
                if(data == '0')
                {
                    _this.html('Disable');
                    _this.removeClass('red');
                    _this.removeClass('green');
                    _this.addClass('red');
                }
            }
        });
    });
    
    
});